<template>
	<view class="text-center">
		<view class="bg-red text-white text-sm flex justify-center align-center" style="width:60rpx;height:35rpx">
			{{value}}</view>
		<view class="triangle" style="margin-left:14rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		name: 'dialogBox',
		props: {
			value: {
				type: String,
				default: ''
			}
		},
		mounted: function() {},
	}
</script>

<style>
	.triangle {
		width: 0;
		height: 0;
		border-left: 6rpx solid transparent;
		border-right: 6rpx solid transparent;
		border-top: 6rpx solid #e54d42;
	}
</style>
